<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
	<title>OA</title>
	<jsp:include page="../media.jsp"></jsp:include>
	<style type="text/css">
		 .list-group-item{cursor:pointer;}span.indent{margin-left:10px;margin-right:10px}span.icon{margin-right:5px}.node-treeview5{color:#428bca;}.node-treeview5:hover{background-color:#F5F5F5;} 
	</style>
</head>
<body class="top-navigation">
    <div id="wrapper">
        <div id="page-wrapper" class="gray-bg">
			<!--顶部-->
			<jsp:include page="../top.jsp"></jsp:include>
           
            <div class="wrapper wrapper-content">
			<div class="row">		
				<div class="ibox-title">
                	<h5>部件管理</h5>
                    <span style="float: right;">查询结果共：3 条</span>
            	</div>
				<div class="col-lg-2" style="background-color: #fff;">
					<div class="ibox">
						<div id="treeview5" class="test treeview">
							<div class="row" style="margin: 0;">
								<div class="col-sm-9 m-b-xs" style="padding-left: 0;">
									<input class="form-control" type="text" placeholder="请输入生产号" >
								</div>
								<div class="col-sm-3 m-b-xs" style="padding: 0;">
									<button class="btn btn-primary" type="submit">查询</button>
								</div>
							</div>
							<ul class="list-group">
								<li class="list-group-item node-treeview5" data-nodeid="3" style="">
									<span class="icon"><i class="glyphicon"></i></span>
									<span class="icon"><i class="glyphicon glyphicon-bookmark"></i></span>
									高压套管箱
								</li>
								<li class="list-group-item node-treeview5" data-nodeid="4" style="">
									<span class="icon"><i class="glyphicon"></i></span>
									<span class="icon"><i class="glyphicon glyphicon-bookmark"></i></span>
									升高座箱
								</li>
								<li class="list-group-item node-treeview5" data-nodeid="5" style="">
									<span class="icon"><i class="glyphicon"></i></span>
									<span class="icon"><i class="glyphicon glyphicon-bookmark"></i></span>
									油枕
								</li>
								<li class="list-group-item node-treeview5" data-nodeid="6" style="">
									<span class="icon"><i class="glyphicon"></i></span>
									<span class="icon"><i class="glyphicon glyphicon-bookmark"></i></span>
									联管箱
								</li>
							</ul>
						</div>
					</div>
				</div>
                <div class="col-lg-10" style="padding: 0 0 0 1px;">
					<div class="ibox">
						<div class="ibox-content">
							<div class="project-list">
								<table class="table table-striped tableshort" id="listtable">
								    <thead>
									   <tr>
										   <!-- <th style="width:8%;">
										   		<div class="checker" id="uniform-queryCheckbox">
										   			<span><input type="checkbox" class="i-checks" id="queryCheckbox" name="queryCheckbox" value=""></span>
										   		</div>
										   </th> -->
										   <th style="width:25%;">产品或零部件代号</th>
										   <th style="width:25%;">货物名称及规格</th>
										   <th style="width:25%;">单位</th>
										   <th style="width:25%;">件数</th>
									   </tr>
								    </thead>
									<tbody id="qkList">
										<tr>
											<!-- <td>
												<div class="checker" id="uniform-c23206542165493dab5545e2d62d076d">
													<span><input id="c23206542165493dab5545e2d62d076d" class="i-checks" name="checkbox" type="checkbox"></span>
												</div>
											</td> -->
											<td>ZN-160</td>
											<td>高零套管</td>
											<td>根</td>
											<td>1</td>
										</tr>
										<tr>
											<!-- <td>
												<div class="checker" id="uniform-c23206542165493dab5545e2d62d076d">
													<span><input id="c23206542165493dab5545e2d62d076d" class="i-checks" name="checkbox" type="checkbox"></span>
												</div>
											</td> -->
											<td></td>
											<td>接头</td>
											<td>个</td>
											<td>1</td>
										</tr>
										<tr>
											<!-- <td>
												<div class="checker" id="uniform-c23206542165493dab5545e2d62d076d">
													<span><input id="c23206542165493dab5545e2d62d076d" class="i-checks" name="checkbox" type="checkbox"></span>
												</div>
											</td> -->
											<td></td>
											<td>均压球</td>
											<td>个</td>
											<td>1</td>
										</tr>
								</table>
                            </div>
                        </div>
                </div>
            </div>
        </div>
		</div>
        </div>
    </div>
  <!--   <script src="../js/bootstrap-treeview.js" type="text/javascript" charset="utf-8"></script> -->
	<script>
	/****查看详情****/
	function getDeatils(){
		window.location.href="media/ziliao/ziliaoDetails.jsp";
	}
	</script>
    </body>
</html>
